*{
    margin: 0rem;
    padding:0rem;
    box-sizing: border-box;
}
a{
    text-decoration: none;
}
li{
    list-style: none;
}


/*设置根标签 字体大小
  一般标准都是参考 iphone 6   750 来设计手机的的稿纸   
  
   屏幕划分等份 可以自定义 （10,15,20,）
   html根标签字体大小     （75,50,37.5）

*/
html{  /*  iphone6  750  /15     */
    font-size: 1rem;  
}
/*默认字体大小*/
body{
   display: block;
   min-width: 320px;
   line-height: 1.5;
   color:#333;
   font-size: .48rem;
   font-family: Arial, Helvetica, STHeiTi, sans-serif;
   background-color: #f2f2f2;

}
$n:15;  /*将屏幕分成15个等份*/
/*媒体查询 ，根据屏幕大小，完成对根标签的字体大小设置*/
/*320屏 body根标签字体大小*/
 @media screen and (min-width:320px) {
    body{
        font-size: 320px / $n; /* 320/15 */
    }
} 
/*360屏 body根标签字体大小*/
 @media screen and (min-width:360px) {
    body{
        font-size: 360px / $n;
    }
} 

/*375屏 body根标签字体大小*/
 @media screen and (min-width:375px) {
    body{
        font-size:  375px /  $n;
    }
} 

/*384屏 body根标签字体大小*/
 @media screen and (min-width:384px) {
    body{
        font-size: 384px /  $n;
    }
} 

/*400屏 body根标签字体大小*/
 @media screen and (min-width:400px) {
    body{
        font-size: 400px /  $n;
    }
} 


#container{
   width: 750px;
   max-width: 750px;
   min-width: 320px;
   margin: 0px auto;
   background-color: antiquewhite;
}



